<!DOCTYPE html>
<html style="font-size: 100px;">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="zqfont/font/iconfont.css" />
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/cxw.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/zhuqiu.css"/>
		<link rel="stylesheet" href="css/find.css" />
		<link rel="stylesheet" type="text/css" href="css/logreg.css"/>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/search1.css" />
		<!--<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>-->
		
		
		<script>
        var dpr = window.devicePixelRatio;
        document.write("<meta name=\"viewport\" content=\"width=device-width,initial-scale="+(1/dpr)+",minimum="+(1/dpr)+",maximum="+(1/dpr)+",user-scalable=no\">")
        </script>
		<script type="text/javascript">
			  var html = document.querySelector("html");
        html.style.fontSize = html.offsetWidth / 640 * 100 + "px";
        addEventListener("resize", function () {
            html.style.fontSize = html.offsetWidth / 640 * 100 + "px";
        }, false);
		</script>
	</head>
	<body>
	<div class="wrapper">
		<!-- 唐硕-start -->
		
		<!--主页头部 -start -->
		<header class="header">
			
			<div class="h_left iconfont" id="h_left">&#xe603;</div>
			
			<div class="h_center">
				<div class="h_hotspot" id="h_hotspot">热点</div>
				<div class="h_attention" id="h_attention">关注</div>
			</div>
			
			<div class="personal_header">
				<p>个人中心</p>
			</div>
			
			
		</header>
		<nav id="nav">
			<ul>
				<li class="show" id="scene">足球现场</li>
				<li id="life">足球生活</li>
				<li id="belle">足球美女</li>
			</ul>
		</nav>
		
		<!--主页头部 -send -->
		
		<!--关注-start-->
		<section class="fav">
			<div class="fav_wrap">
			<div class="f_top">
				<div class="ft_left">
					<img src="images/c2.jpg" alt="" />
				</div>
				<div class="ft_right">
					<div class="ftr_wrap">
					<h3>我叫小萌</h3>
					<p class="praise">
						<span class="praise_num">382344</span>
						<span class="iconfont tubiao">&#xe600;</span>
					</p>
					</div>
					<p class="signature">我是小萌我怕谁！哈哈哈哈！</p>
					
				</div>
			</div>
			<div class="f_bottom">
				<img src="images/fav_1.jpg" alt="" />
				<p>小丸子啊小丸子</p>
			</div>
			</div>
			<div class="fav_wrap">
			<div class="f_top">
				<div class="ft_left">
					<img src="images/c2.jpg" alt="" />
				</div>
				<div class="ft_right">
					<div class="ftr_wrap">
					<h3>我叫小萌</h3>
					<p class="praise">
						<span class="praise_num">382344</span>
						<span class="iconfont tubiao">&#xe600;</span>
					</p>
					</div>
					<p class="signature">我是小萌我怕谁！哈哈哈哈！</p>
					
				</div>
			</div>
			<div class="f_bottom">
				<img src="images/fav_1.jpg" alt="" />
				<p>小丸子啊小丸子</p>
			</div>
			</div>
		</section>
		<!-- 关注end -->
		
		<!--个人中心 -start -->
		<section class="personal">
		    <div class="fav_wrap">
				<div class="f_top">
					<div class="ft_left">
						<img id="per_img" src="images/c2.jpg" alt="" />
					</div>
					<div class="ft_right">
						<div class="ftr_wrap">
						<h3>我叫小萌</h3>							
						</div>
						<p class="signature">我是小萌我怕谁！哈哈哈哈！</p>
					</div>
				</div>
				<div class="p_bottom">
					<ul class="p_nav">
						<li class="p_style">照片(<span>1</span>)</li>
						<li>关注(<span>3</span>)</li>
						<li>粉丝(<span>8</span>)</li>
					</ul>
					<div id="p_picture">
						<img src="images/per_1.jpg" alt="" />
					</div>
					<div id="p_attention"></div>
					<div id="p_fans"></div>
				</div>
		    </div>
		</section>
		<!--个人中心 -end -->
		<!-- 唐硕-end -->	
		
		<!-- 陈亚丹-start -->
		<section class="contfig s_contfig" id="s_contfig">
      		<div class="cont">
	         	<ul>
	               	<li>
	                   <img src="images/c1.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c2.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c3.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c4.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c1.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c2.jpg" alt="">
	                   <span>萌萌哒小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c3.jpg" alt="">
	                   <span>小丸子啊小丸子</span>
	                </li>
	                <li>
	                   <img src="images/c4.jpg" alt="">
	                   <span>萌萌哒小丸子啊小丸子</span>
	                </li>
	            </ul>
            </div>
        </section>
		  <section class="contfig1 s_contfig" id="se_contfig">
          <ul class="u1">
               <li>
                   <img src="images/z1.jpg" alt="">
                   <span>徐云龙争顶</span>
               </li>
               <li>
                   <img src="images/z2.jpg" alt="">
                   <span>马季奇向裁判十一对手拉扯武磊金秋后腿抽筋</span>
               </li>
               <li>
                   <img src="images/z1.jpg" alt="">
                   <span>徐云龙争顶</span>
               </li>
               <li>
                   <img src="images/z2.jpg" alt="">
                   <span>马季奇向裁判十一对手拉扯武磊金秋后腿抽筋</span>
               </li>
          </ul>
          <ul class="u2">
               <li>
                   <img src="images/z1.jpg" alt="">
                   <span>马季奇向裁判十一对手拉扯武磊金秋后腿抽筋</span>
               </li>
               <li>
                   <img src="images/z2.jpg" alt="">
                   <span>马季奇向裁判十一对手拉扯武磊金秋后腿抽筋</span>
               </li>
               <li>
                   <img src="images/z1.jpg" alt="">
                   <span>徐云龙争顶</span>
               </li>
               <li>
                   <img src="images/z2.jpg" alt="">
                   <span>马季奇向裁判十一对手拉扯武磊金秋后腿抽筋</span>
               </li>
          </ul>
          </section>
        <!--足球-->
      	
		<!-- 陈亚丹-end -->
		
		<!-- 陈兴武-start-->
		<section id="sel_mask">
			</section>
			<section id="sel_left_a">
		        <ul>
		            <li>
		                <a href="javascript:;"><img src="images/02index_munu_03.jpg" alt="" id="sel_img"></a>
		            </li>
		            <li>
		                萌萌哒小妖精
		            </li>
		            <li>这家伙很懒，什么也没留下...</li>
		            <li id="soccer_live">足球现场</li>
		            <li id="soccer_life">足球生活</li>
		            <li id="soccer_girl">足球美女</li>
		        </ul>
    		
    		<!--<div id="sel_l_mk"></div>-->
		</section>
	  <div id="canvas_a">      
        <div id="can_cen_box">
            <img src="images/t01a83f62d3f4f8ba0e.jpg" alt="" id="can_cen">
            <div id="ball_mask"></div>
            <canvas id="g123" width="200" height="200"></canvas>
        </div>
        <div id="can_btn">
            <button id="can_btn1">确认裁切</button>
            <button id="can_btn2">放弃重来</button>
        </div>
        <div id="sl_box">
            <div id="can_sl">
                <img src="" alt="" id="g2">
            </div>
        </div>
        <button id="can_last">提交</button>
    </div>
		<!-- 陈兴武-end-->
		
		<!-- 高扬-start-->
		<section class="find" style="display: none;">
		    <header class="findh">
		        <i class="iconfont fontl" id="f_list">&#xe603;</i>
		        <span>发现</span>
		    </header>
		    <section class="findt">
		        <!--<div class="ftt">
		            <input type="text" value="请输入昵称" class="ser" id="ser">
		            <a href="javascript:;">搜索</a>
		        </div>-->
		        
		        <div class="field">
	        <input type="text" name="nope" id="f_txt" placeholder="输入关键字" maxlength="40" />
	        <a href="javascript:;" id="f_ser">搜索</a>
	    </div>
	    <table cellpadding='2' cellspacing='0' id="f_tb">
		     <tbody>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		        <tr><td></td></tr>
		    </tbody>
	    </table>
       <!-- <p class="seee">点击选项快速搜索</p>-->
       <div class="ftb" style="display:none;">
		            <div class="guanz">
		                <img src="images/toux.jpg" alt="">
		                <div class="gt">
		                    <p class="gtp">我叫小萌</p>
		                    <p class="gtp1">我是小萌我怕谁!哈哈哈哈!</p>
		                    
		                </div>
		                <span id="gz">关注</span>
		            </div>
		            <div class="guanz">
		                <img src="images/toux.jpg" alt="">
		                <div class="gt">
		                    <p class="gtp">我叫小萌</p>
		                    <p class="gtp1">我是小萌我怕谁!哈哈哈哈!</p>
		                    
		                </div>
		                <span id="gz1">关注</span>
		            </div>
		            
		        </div>
		    </section>
		     <div class="lo"  style="display:none;">
		        <div class="maskk"></div>
                <div class="login">
                    <p class="titl">登录<span id="cha">&times;</span></p>
                    <div class="lob">
                        <div class="tel">
                            <lable for="tel" style="font-size:0.23rem;color:#AAAAAA;">手机号</lable><input type="text" id="tex">
                            <span id="loss"></span>
                        </div>
                        <div class="pass">
                            <lable for="passw" style="font-size:0.23rem;color:#AAAAAA;">密码</lable><input type="password"  id="tex1">
                            <span id="lopass"></span>
                        </div>
                        <div class="no">还没有账号?点击此处立即 <a href="javascript:;" id="zc">注册</a></div>
                        <div class="tij" id="bbtn">提&nbsp;&nbsp;&nbsp;&nbsp;交</div>
                    </div>
                </div>
		    </div>
            <div class="re" style="display:none;">
                <div class="maskk"></div>
                <div class="register">
                    <p class="rt"><span id="qx">取消</span><span class="rts" id="sure">确定</span></p>
                     <div class="lob">
                    <div class="tel">
                            <lable for="tel" style="font-size:0.23rem;color:#AAAAAA;">手机号</lable><input type="text" id="tel">
                           <span id="sucess"></span>
                        </div>
                        <div class="pass">
                            <lable for="passw" style="font-size:0.23rem;color:#AAAAAA;">密码</lable><input type="password"  id="passw">
                            <span id="password"></span>
                        </div>
                        <div class="nic">
                            <lable for="nich" style="font-size:0.23rem;color:#AAAAAA;">昵称</lable><input type="text" id="nich">
                            <span id="nic"></span>
                        </div>
                    </div>
                </div>
                
            </div>
		</section>
		
		<footer class="nav">
        <ul>
            <li id="n_home"><i class="iconfont fotte footer_active">&#xe601;</i><span class="footer_active">首页</span></li>
            <li id="n_find"><i class="iconfont fotte">&#xe605;</i><span>发现</span></li>
            <li id="n_ camera"><i class="iconfont fotte">&#xe602;</i></li>
            <li id="n_mine"><i class="iconfont fotte">&#xe604;</i><span>我的</span></li>
            <li id="n_quit"><i class="iconfont fotte">&#xe606;</i><span>退出</span></li>
        </ul>
    </footer> 
		<!-- 高扬-end-->
		</div>
	</body>
	
	
	<script type="text/javascript" src="js/zepto.js"></script>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	  jq=$.noConflict();
    </script>
	<script type="text/javascript" src="js/event.js"></script>
	<script type="text/javascript" src="js/touch.js"></script>
	<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/find.js"></script>
	<script src="js/laji.js"></script>
	<script src="js/search.js"></script>
</html>
